Java Script (==) !== (===) 0. 나와 같다면 자바스크립트에서 =(등호)는 서로 같다는 뜻이 아니다. 등호 왼쪽에 있는 상수나 변수에 오른쪽에 있는 데이터를 할당한다는 뜻이다. a라는 변수를 선언하고 1을 할당했다. 같은 값을 가졌는지 아닌지 판단하려면 어떻게 해야 하지? 등호를 연달아 2번== 사용하면 같은 값을 가졌다면 true, 아니라면 false를 반환한다. !=는 반대로 다른 값을 가지면 true 같은 값을 가... 연산자자바스크립트Java ScriptJava Script JavaScript 개요 및 기본문법 HTML, CSS와 달리 자바스크립트는 C언어, 자바와 같은 일반 프로그램언어와 비슷한 구조를 가지고 있다. 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며 Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있다. HTML 문서 내부에 자바스크립트 소스코드를 두는 유형. 헤드태그, 바디태그에 둘 수 있고 양쪽에 둬도 된다. script src="..." 외부파... Java ScripthtmlJava Script 숫자와 문자 숫자의 기초적인 개념 자바 스크립트에서 숫자라는 개념은 다른 언어와는 다르게 int double float long short 이렇게 숫자의 타입을 엄격하게 세분화 하지 않고 크게 number로 사용한다. 위의 코드를 실행하면 각각의 숫자에 타입을 선언하지 않았음에도 문제없이 작동되는 것을 볼 수 있다. math 객체의 간단한 이해 이후에 포스팅을 하며 자주 등장하게 될 객체라고 생각되어서 ... typeoflengthnumberStringindexOfJava ScriptJava Script DEEP DIVE 한 장 요약 (스코프) 변수는 코드의 가장 바깥 영역뿐 아니라 코드 블록이나 함수 몸체 내에서도 선언할 수 있다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위(스코프)가 결정된다. 위 예제 코드의 가장 바깥 영역에 선언된 변수 x는 어디서든 참조할 수 있다. 하지만 foo 함수 내부에서 선언된 변수 x는 foo함수 내부에서... localglobalscopedeep dive정적 스코프렉시컬 스코프지역전역Java ScriptJava Script DEEP DIVE 한 장 요약 (함수) 수학의 함수 자바스크립트의 함수 따라서 함수도 함수 리터럴로 생성할 수 있다. 함수 이름은 생략할 수 있다. 이름이 있는 함수를 기명 함수, 이름이 없는 함수를 무명/익명 함수라 한다. ② 함수 표현식 함수는 일급 객체이므로 함수 리터럴로 생성한 함수 객체를 변수에 할당할 수 있다. 따라서 함수 표현식을 통해 함수를 호출할 때는 함수 이름이 아닌 함수 객체를 가리키는 식별자(여기서는 add)... 함수 리터럴함수고차 함수js함수 표현식기명 함수즉시 실행 함수익명 함수deep divefunctionJava Script함수 선언문Java Script We STUDY | 2주차 배경색과 폰트색 변경하기 자바스크립트의 querySelector을 이용해 배경색을 바꾸고자하는 태그의 <style> 속성을 변경한다. 자바스크립트에서 HTML문서에 접근하기 HTML문서는 DOM(Document Object Model,문서객체모델)에 따라 기술되고 DOM인터페이스를 통해 기술된 HTML 요소가 객제로서 자바스크립트와 연결된다. 따라서, 자바스크립트에서 document객체를 통해 HTML문서에 접근하는... westudyJava ScriptJava Script DEEP DIVE 한 장 요약 (REST API) 이번 장을 통해 REST API가 뭔지, RESTful한 API는 뭔지에 대해 정확히 알고 갈 수 있을 것이다. REST(REpressentational State Transfer)는 HTTP/1.0과 1.1의 스펙 작성에 참혀했고 아파치 HTTP 서버 프로젝트의 공동 설립자인 의 2000년 논문에서 처음 소개되었다. 즉, REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 ... REST APIdeep diveJava ScripthttpajaxJava Script TIL 26. Java Script - 인스타그램 클론 (1) 처음엔 input에 placeholder 속성으로 텍스트를 넣었으나, ID와 PW를 입력할 때 기존 placeholder 텍스트가 작아지며 상단으로 이동하고 input의 사이즈는 작아지도록 스타일 변화가 있었다. 그래서 input위에 placeholder을 역할을 할 수 있는 텍스트를 넣어 input에 텍스트를 입력했을 때 input과 placeholder 텍스트의 스타일 변화를 주는 CSS... clone codingWeCodeJava ScriptTILJava Script [Java 입문기] Java Script와 Java는 무엇이 다를까 2 우리가 자바를 배우면서 새로운 클래스를 사용할 때, 수 많은 메서드와 변수를 만들게 될 것이다. 인스턴스 메서드(변수)와 클래스 메서드(변수) 로 나뉜다. 별 의미없는 클래스 안에 각각 인스턴스 메서드(변수)와 클래스 메서드(변수)를 만들어 보았다. 흔히 우리가 새로운 메서드(변수)를 선언할 때, static이 붙으면 클래스 메서드(변수), 붙지 않으면 인스턴스 메서드(변수) 이다. 지금껏 ... Java ScriptJavaJava [JS] Scope & Hoisting inner 함수안에 a의 값을 할당만 한다면 어떻게 될까? inner 함수안에 a라는 변수를 선언하고 값을 할당 후, 또 다른 값으로 할당을 하면 어떻게 될까? inner 함수안에 a에 값을 할당 후 a라는 변수를 선언하고 값을 할당을 하면 어떻게 될까? outer 함수의 a값이 바뀔 줄 알았는데 inner함수의 실행문이 속한 스코프를 먼저 찾기 때문에 a가 변하지 않는 걸까? let으로 변... Java ScriptJava Script TIL 8. Java Script - Operators 드림코딩 유튜브 강의를 듣고 자바스크립트에서 두 변수를 두고 연산하고자 할 때에 사용할 수 있는 연산자의 타입에 대해 공부했다. 수학의 연산자와 같이 문자열과 문자열을 +를 사용하여 합칠 수 있다. 기존에 문자열과 변수를 더하기 위해서는 문자열과 변수를 구분하여 사이에 +를 넣어주어야 했지만 ES6에서는 백틱(`)을 사용하여 출력하고자 하는 모든 문자열과 변수를 넣고, 변수에만 따로 구분을 ... Java ScriptTILJava Script TIL 16. Java Script - Regular Expression 정규표현식(Regular Expression)은 '문자열'에서 특정 문자나 내용을 찾거나 대체 또는 추출하는 데에 사용되는 식이다. 예를 들어 웹 사이트 가입 시 아이디나 비밀번호를 입력할 때 조건에 맞지 않는 문자를 작성했는지 확인하는 방법에 활용될 수 있다. '/'기호로 시작과 끝을 나타내고 그 사이에는 찾고자 하는 문자의 패턴, 그리고 선택적으로 플래그를 뒤에 붙여 찾는 방식의 옵션을 ... Java ScriptTILJava Script [자바스크립트 기초] Object와 Property, Cloning 드림코딩 자바스크립트 기초 강의를 들으며 학습한 내용을 정리해보았다. ⭐️ object는 데이터를 효율적으로 관리하기 위해 사용한다. 오브젝트는 키와 값의 집합체이다! object = { key : value } <오브젝트 만드는 방법> 1. Curly bracket -> object literal snytax 2. Class 생성자 함수 -> object constructor snytax ... js - Cloningjs - Computed propertiesjs - objectjs - in operatorJava ScriptTILjs - for문Java Script [대구AI스쿨] 자율개발일지 자바스크립트 1-2강 변수와 데이터타입 html에서 상자를 공간과 버튼을 만들어 준다. css↓ java script↓... 대구AI스쿨Java Script웹프로그래밍Java Script [TIL #7 WECODE] ES6-arrow function 210221 WECODE #7 ECMA Script는 JavaScript를 표준화한 것을 말한다. function(){} 인자가 하나일 때는 소괄호 생략이 가능. 인자가 두 개일 때는 생략할 수 없다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략이 가능하다. 중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰여야 한다. 다른 ... 개념 정리ES6Java ScriptTILES6
(==) !== (===) 0. 나와 같다면 자바스크립트에서 =(등호)는 서로 같다는 뜻이 아니다. 등호 왼쪽에 있는 상수나 변수에 오른쪽에 있는 데이터를 할당한다는 뜻이다. a라는 변수를 선언하고 1을 할당했다. 같은 값을 가졌는지 아닌지 판단하려면 어떻게 해야 하지? 등호를 연달아 2번== 사용하면 같은 값을 가졌다면 true, 아니라면 false를 반환한다. !=는 반대로 다른 값을 가지면 true 같은 값을 가... 연산자자바스크립트Java ScriptJava Script JavaScript 개요 및 기본문법 HTML, CSS와 달리 자바스크립트는 C언어, 자바와 같은 일반 프로그램언어와 비슷한 구조를 가지고 있다. 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며 Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있다. HTML 문서 내부에 자바스크립트 소스코드를 두는 유형. 헤드태그, 바디태그에 둘 수 있고 양쪽에 둬도 된다. script src="..." 외부파... Java ScripthtmlJava Script 숫자와 문자 숫자의 기초적인 개념 자바 스크립트에서 숫자라는 개념은 다른 언어와는 다르게 int double float long short 이렇게 숫자의 타입을 엄격하게 세분화 하지 않고 크게 number로 사용한다. 위의 코드를 실행하면 각각의 숫자에 타입을 선언하지 않았음에도 문제없이 작동되는 것을 볼 수 있다. math 객체의 간단한 이해 이후에 포스팅을 하며 자주 등장하게 될 객체라고 생각되어서 ... typeoflengthnumberStringindexOfJava ScriptJava Script DEEP DIVE 한 장 요약 (스코프) 변수는 코드의 가장 바깥 영역뿐 아니라 코드 블록이나 함수 몸체 내에서도 선언할 수 있다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위(스코프)가 결정된다. 위 예제 코드의 가장 바깥 영역에 선언된 변수 x는 어디서든 참조할 수 있다. 하지만 foo 함수 내부에서 선언된 변수 x는 foo함수 내부에서... localglobalscopedeep dive정적 스코프렉시컬 스코프지역전역Java ScriptJava Script DEEP DIVE 한 장 요약 (함수) 수학의 함수 자바스크립트의 함수 따라서 함수도 함수 리터럴로 생성할 수 있다. 함수 이름은 생략할 수 있다. 이름이 있는 함수를 기명 함수, 이름이 없는 함수를 무명/익명 함수라 한다. ② 함수 표현식 함수는 일급 객체이므로 함수 리터럴로 생성한 함수 객체를 변수에 할당할 수 있다. 따라서 함수 표현식을 통해 함수를 호출할 때는 함수 이름이 아닌 함수 객체를 가리키는 식별자(여기서는 add)... 함수 리터럴함수고차 함수js함수 표현식기명 함수즉시 실행 함수익명 함수deep divefunctionJava Script함수 선언문Java Script We STUDY | 2주차 배경색과 폰트색 변경하기 자바스크립트의 querySelector을 이용해 배경색을 바꾸고자하는 태그의 <style> 속성을 변경한다. 자바스크립트에서 HTML문서에 접근하기 HTML문서는 DOM(Document Object Model,문서객체모델)에 따라 기술되고 DOM인터페이스를 통해 기술된 HTML 요소가 객제로서 자바스크립트와 연결된다. 따라서, 자바스크립트에서 document객체를 통해 HTML문서에 접근하는... westudyJava ScriptJava Script DEEP DIVE 한 장 요약 (REST API) 이번 장을 통해 REST API가 뭔지, RESTful한 API는 뭔지에 대해 정확히 알고 갈 수 있을 것이다. REST(REpressentational State Transfer)는 HTTP/1.0과 1.1의 스펙 작성에 참혀했고 아파치 HTTP 서버 프로젝트의 공동 설립자인 의 2000년 논문에서 처음 소개되었다. 즉, REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 ... REST APIdeep diveJava ScripthttpajaxJava Script TIL 26. Java Script - 인스타그램 클론 (1) 처음엔 input에 placeholder 속성으로 텍스트를 넣었으나, ID와 PW를 입력할 때 기존 placeholder 텍스트가 작아지며 상단으로 이동하고 input의 사이즈는 작아지도록 스타일 변화가 있었다. 그래서 input위에 placeholder을 역할을 할 수 있는 텍스트를 넣어 input에 텍스트를 입력했을 때 input과 placeholder 텍스트의 스타일 변화를 주는 CSS... clone codingWeCodeJava ScriptTILJava Script [Java 입문기] Java Script와 Java는 무엇이 다를까 2 우리가 자바를 배우면서 새로운 클래스를 사용할 때, 수 많은 메서드와 변수를 만들게 될 것이다. 인스턴스 메서드(변수)와 클래스 메서드(변수) 로 나뉜다. 별 의미없는 클래스 안에 각각 인스턴스 메서드(변수)와 클래스 메서드(변수)를 만들어 보았다. 흔히 우리가 새로운 메서드(변수)를 선언할 때, static이 붙으면 클래스 메서드(변수), 붙지 않으면 인스턴스 메서드(변수) 이다. 지금껏 ... Java ScriptJavaJava [JS] Scope & Hoisting inner 함수안에 a의 값을 할당만 한다면 어떻게 될까? inner 함수안에 a라는 변수를 선언하고 값을 할당 후, 또 다른 값으로 할당을 하면 어떻게 될까? inner 함수안에 a에 값을 할당 후 a라는 변수를 선언하고 값을 할당을 하면 어떻게 될까? outer 함수의 a값이 바뀔 줄 알았는데 inner함수의 실행문이 속한 스코프를 먼저 찾기 때문에 a가 변하지 않는 걸까? let으로 변... Java ScriptJava Script TIL 8. Java Script - Operators 드림코딩 유튜브 강의를 듣고 자바스크립트에서 두 변수를 두고 연산하고자 할 때에 사용할 수 있는 연산자의 타입에 대해 공부했다. 수학의 연산자와 같이 문자열과 문자열을 +를 사용하여 합칠 수 있다. 기존에 문자열과 변수를 더하기 위해서는 문자열과 변수를 구분하여 사이에 +를 넣어주어야 했지만 ES6에서는 백틱(`)을 사용하여 출력하고자 하는 모든 문자열과 변수를 넣고, 변수에만 따로 구분을 ... Java ScriptTILJava Script TIL 16. Java Script - Regular Expression 정규표현식(Regular Expression)은 '문자열'에서 특정 문자나 내용을 찾거나 대체 또는 추출하는 데에 사용되는 식이다. 예를 들어 웹 사이트 가입 시 아이디나 비밀번호를 입력할 때 조건에 맞지 않는 문자를 작성했는지 확인하는 방법에 활용될 수 있다. '/'기호로 시작과 끝을 나타내고 그 사이에는 찾고자 하는 문자의 패턴, 그리고 선택적으로 플래그를 뒤에 붙여 찾는 방식의 옵션을 ... Java ScriptTILJava Script [자바스크립트 기초] Object와 Property, Cloning 드림코딩 자바스크립트 기초 강의를 들으며 학습한 내용을 정리해보았다. ⭐️ object는 데이터를 효율적으로 관리하기 위해 사용한다. 오브젝트는 키와 값의 집합체이다! object = { key : value } <오브젝트 만드는 방법> 1. Curly bracket -> object literal snytax 2. Class 생성자 함수 -> object constructor snytax ... js - Cloningjs - Computed propertiesjs - objectjs - in operatorJava ScriptTILjs - for문Java Script [대구AI스쿨] 자율개발일지 자바스크립트 1-2강 변수와 데이터타입 html에서 상자를 공간과 버튼을 만들어 준다. css↓ java script↓... 대구AI스쿨Java Script웹프로그래밍Java Script [TIL #7 WECODE] ES6-arrow function 210221 WECODE #7 ECMA Script는 JavaScript를 표준화한 것을 말한다. function(){} 인자가 하나일 때는 소괄호 생략이 가능. 인자가 두 개일 때는 생략할 수 없다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략이 가능하다. 중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰여야 한다. 다른 ... 개념 정리ES6Java ScriptTILES6